<!DOCTYPE html>
<html>

<head>
  <title>個人首頁</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="indexcss.css">
</head>

<body>
  <div class="container">
    <div class="message">
      <div class="portrait"><img src="img/tx.jpg" /></div>
      <div class="author">唐某人</div>
      <span>你的夕阳我的容颜谁的三分之一又一年</span>
      <h2>个人信息</h2>
      <p>姓名：唐某人</p>
      <p>出生年月：2001.09.06</p>
      <p>籍贯：地球</p>
      <h2>联系方式</h2>
      <p>Email：hzlh-orm-itap1@mail.foxconn.com</p>
      <h2>兴趣爱好</h2>
      <p>篮球</p>
      <p>乒乓球</p>
      <p>羽毛球</p>
      <p>排球</p>
      <p>今夜曾经照古人，古人不见今时月</p>
      <p>古月曾经照古人，今人可见古时月</p>
    </div>
    <div class="content">
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-10-17</div>
          <a href="行星.html">
            <h3>行星</h3>
          </a>
          <a href="component/文件上传.html">
            <h3>文件上传</h3>
          </a>
          <a href="component/ctrl  粘贴图片.html">
            <h3>粘贴图片</h3>
          </a>
          <a href="menu.html">
            <h3>首页</h3>
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-10-17</div>
          <a href="HW_2-1/index.html">
            <h3>個人行程表HW_2-1</h3>
          </a>
          <p>安排日程具有重要意义,有利于科学地利用时间,提高工作效率,有利于主动做好各项辅助工作,更好地为领导工作服务。有利于各领导、各部门互相配合,协调行动，提高整个单位的工作效率.</p>
        </div>
        <div class="thumb-content">
          <a href="HW_2-1/index.html">
            <img src="img/1.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-10-17</div>
          <a href="HW_2-2/index.html">
            <h3>我的购物车HW_2-2</h3>
          </a>
          <p>通过购物车有以下好处: 1、可以将多个宝贝加入购物车后一次性批量购买,并可一次性通过支付宝完成付款。 2、如果一次在同一个店铺购买多件宝贝可能还能够参加店铺促销。 </p>
        </div>
        <div class="thumb-content">
          <a href="HW_2-2/index.html">
            <img src="img/2.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-10-17</div>
          <a href="HW_4-2/index.html">
            <h3>滚动的球HW_4-2</h3>
          </a>
          <p>本頁面使用css與動畫來實現div的滾動和旋轉,進入頁面四個小球一次進行滾動與旋轉，使用div佈局,
            border-radius進行圓角化,使用animation來定義動畫,rotate來控制旋轉,margin來定義位置.</p>
        </div>
        <div class="thumb-content">
          <a href="HW_4-2/index.html">
            <img src="img/2.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-10-17</div>
          <a href="HW_4-1/index.html">
            <h3>個人首頁HW_4-1</h3>
          </a>
          <p></p>
        </div>
        <div class="thumb-content">
          <a href="HW_4-1/index.html">
            <img src="img/3.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-10-29</div>
          <a href="HW_7-1/index.php">
            <h3>九九乘法表HW_7-1</h3>
          </a>
          <p> </p>
        </div>
        <div class="thumb-content">
          <a href="HW_7-1/index.php">
            <img src="img/3.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-11-27</div>
          <a href="HW_5-1/index.html">
            <h3>問卷調查HW_5-1</h3>
          </a>
          <p> </p>
        </div>
        <div class="thumb-content">
          <a href="HW_5-1/index.html">
            <img src="img/3.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-12-03</div>
          <a href="HW_6-1/index.html">
            <h3>計算器HW_6-1</h3>
          </a>
          <p> </p>
        </div>
        <div class="thumb-content">
          <a href="HW_6-1/index.html">
            <img src="img/3.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-12-10</div>
          <a href="HW_6-2/index.html">
            <h3>小衣櫃HW_6-2</h3>
          </a>
          <p> </p>
        </div>
        <div class="thumb-content">
          <a href="HW_6-2/index.html">
            <img src="img/3.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2021-12-10</div>
          <a href="HW_10-1/index.php">
            <h3>抽獎HW_10-1</h3>
          </a>
          <p> </p>
        </div>
        <div class="thumb-content">
          <a href="HW_10-1/index.php">
            <img src="img/3.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2022-01-04</div>
          <a href="HW_11-1/index.html">
            <h3>HW_11-1</h3>
          </a>
          <p> </p>
        </div>
        <div class="thumb-content">
          <a href="HW_11-1/index.html">
            <img src="img/3.jpg" />
          </a>
        </div>
      </div>
      <div class="job">
        <div class="thumb">
          <div>发布于&nbsp;&nbsp;2022-02-22</div>
          <a href="VUE3.0/index.html">
            <h3>VUE</h3>
          </a>
          <p> </p>
        </div>
        <div class="thumb-content">
          <a href="VUE3.0/index.html">
            <img src="img/3.jpg" />
          </a>
        </div>
      </div>
    </div>
  </div>


</body>

</html>